body
{
	margin: 0px;
	padding: 0px;
    font-family: 'PT Sans', sans-serif;
    overflow:hidden;
    overflow-y:scroll;
}

.centered
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/*--copy-right--*/
.copy-right {
    padding: 1em 0;
	text-align: center;
    background-color:#E93F25;
}
.copy-right ul li {
    display: inline-block;
    margin-left: -4px;
}
.copy-right ul li a {
    display: block;
    background: url(../images/img-sprite.png)no-repeat 0px 0px;
    width: 74px;
    height: 72px;
	transition:none;
}
.copy-right ul li a:hover{
	background-position: 0px -74px;
}
.copy-right ul li a.gg{
    background: url(../images/img-sprite.png)no-repeat -74px -1px;
	width: 71px;
}
.copy-right ul li a.gg:hover{
    background-position: -74px -75px;
}
.copy-right ul li a.twt{
    background: url(../images/img-sprite.png)no-repeat -144px 0px;
	width: 71px;
}
.copy-right ul li a.twt:hover{
    background-position: -144px -74px;
}
.copy-right ul li a.be{
    background: url(../images/img-sprite.png)no-repeat -215px -1px;
}
.copy-right ul li a.be:hover{
    background-position: -215px -75px;
}
.copy-right p {
    margin-top: 0em !important;
    font-size: 1em;
    color: #fff;
}
.copy-right p a{
	color: #ffd800;
}
.copy-right p a:hover {
    color: #1C2833;
    
}
/*--//copy-right--*/
#nav1
{

	
}
.deliverychargenote
{
width:80%;
height:auto;
overflow:hidden;
color:#fff;
text-align:center;
z-index:100;
position:relative;
 padding-top:6px;
display:block;
font-size:13px;
margin:0 auto;
}
.nav-link
{
transition: 0.4s;
  font-family: 'Oswald', sans-serif;
  
 
  text-align: center;
  font-size: 15px !important;
  text-decoration: none;
  color: #000 !important;
  padding: 15px 15px !important;
  font-weight: 400;
  margin: 0px 0px;
  text-transform:uppercase;
}

.nav-link:hover
{
	
  color: #979A9A;  
  
  
}
.buttono {
    background: #525866;
    font-size: 1.8em;
    text-decoration: none;
    text-transform: capitalize;
    padding: 0.35em 1em;
    color:#fff;
    font-weight:600;
    border-radius:3px;
    margin-right:15px;
}
.buttono:hover,.buttono:focus{
	background:#ebca1b;
	 color: #fff;
     text-decoration:none;
     border:0px solid #ebca1b;
}
.buttonoo {
    background: #257ccb;
    font-size: 22px;
    text-decoration: none;
    text-transform: capitalize;
    padding: 0.5em 1em;
    color:#fff;
    font-weight:600;
    margin-top:7px;
    border-radius:5px;
}
.buttonoo:hover,.buttonoo:focus{
	background:#e92057;
	 color: #fff;
     text-decoration:none;
     border:1px solid #e92057;
}
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 15px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #E93F25;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

#main {
    transition: margin-left .5s;
    padding: 0px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 15px;}
}

#f1_container {
  position: relative;
  margin: 10px auto;
  width: 186px;
  height: 281px;
  z-index: 1;
  margin-left:15px;
}
#f1_container {
  perspective: 1000;
}
#f1_card {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: all 1.0s linear;
}
#f1_container:hover #f1_card {
  transform: rotateY(180deg);
  
}
.face {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
.face.back {
  display: block;
  transform: rotateY(180deg);
  box-sizing: border-box;
  border:4px solid black;
  border-radius: 10px;
  padding: 10px;
  color: #E93F25;
  text-align: center;
  background-color: white;
}